﻿html,body {padding:0px; margin:0px;}
body {font-size:14px; font-family:"微软雅黑";}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.formtitle {
    margin:0 auto;
   text-align:center;
}
.formp {
    margin:0 auto;
    text-align:center;
}
.con a {
 color:#8e8e8e;

}
.space-0 {width:100%; height:0px; clear:both;}
.space-5 {width:100%; height:5px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius0 {-moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; border-radius:0px;}
.radius3 {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.ease03 {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ease06 {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.ease09 {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.ease12 {-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
.ease15 {-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}

/* link color */


a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

#ckplayer_a1 {position:relative; z-index:0;}

/* 二维码 */

.code-top {height:50px; line-height:50px; overflow:hidden; color:#333; font-size:16px; padding:0px 20px; border-bottom:#ddd solid 1px;}
.code-center {height:auto; overflow:hidden; text-align:center; padding:10px 10px; border-bottom:#ddd solid 1px;}
.code-center img {width:180px; display:block; margin:0px auto;}
.code-bot {height:auto; line-height:20px; color:#777; font-size:12px; overflow:hidden; padding:10px 20px 0px;}

/* header */

.head {width:100%; height:80px; box-shadow:0px 2px 4px -2px rgba(0, 0, 0, 0.3);background:#fff;}
.head .logo {height:80px; display:block; padding:5px 0px; float:left;}
.head .logo img {height:40px; display:block;margin-top:10px;}

.head .navs {height:80px; padding:20px 0px; float:right;}
.head .navs a {height:40px; overflow:hidden; display:block; position:relative; float:left;}
.head .navs a span,.head .navs a font {width:100%; height:40px; line-height:40px; color:#333; font-size:16px; font-weight:bold; text-align:center; display:block; position:absolute; left:0px;}
.head .navs a span {top:0px;}
.head .navs a font {top:40px; color:#993333;}
.head .navs a.hover span {top:-40px;}
.head .navs a.hover font {top:0px;}
.head .navs a:hover span {top:-40px;}
.head .navs a:hover font {top:0px;}

/* web header */

.menu-handler { width: 50px; height: 50px; cursor: pointer; position: absolute; right: 0px; top: 0px; z-index: 102; display:none;}
.menu-handler .burger { width: 36px; height: 3px; background: #333; display: block; position: absolute; z-index: 5; top: 12px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 24px; }
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -100%; top: 0px; width: 100%; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#fff; color: #fff; z-index: 100; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #333; font-size:16px; }
#menu-holder a:active, #menu-holder a:hover { color: #000; text-decoration:underline; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #ff6a00; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #ff6a00; }
.navMobile { padding: 0px 0px 20px; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font-size:14px; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; display: none; }
.open #menu-holder { right: 0px; }

/* footer */

.footer {height:auto; overflow:hidden; text-align:center; background:#fff; border-top:#e5e5e5 solid 1px;}
.footer .border {height:auto; overflow:hidden; padding:15px 0px 0px;}
.footer .border .inner {height:auto; overflow:hidden; display:inline-block;}
.footer .border .inner a {height:25px; line-height:25px; color:#666; display:block; padding:0px 10px; float:left;}
.footer .border .inner span {width:1px; height:15px; background:#999; display:block; margin:5px; float:left;}

.footer .copyright {height:auto; overflow:hidden; padding:0px 0px 10px;}
.footer .copyright p,.footer .copyright a {height:25px; line-height:25px; color:#666; display:block; padding:0px 10px;}
.footer .copyright a.ga-ico {height:50px; font-size:0px; margin-top:10px; background:url(../images/ga.png) no-repeat center center; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px;}

/* home banner */

.banner {width:100%; position:relative;}

.banner .banner-button-prev {width:50px; height:50px; position:absolute; top:50%; left:-100px; z-index:99; margin-top:-15px;}
.banner .banner-button-prev {background:url(../images/prev.png) no-repeat #993333 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.banner .banner-button-next {width:50px; height:50px; position:absolute; top:50%; right:-100px; z-index:99; margin-top:-15px;}
.banner .banner-button-next {background:url(../images/next.png) no-repeat #993333 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.banner .banner-button-prev,.banner .banner-button-next {-webkit-transition: all 1200ms ease-in-out; -moz-transition: all 1200ms ease-in-out; -o-transition: all 1200ms ease-in-out; transition: all 1200ms ease-in-out; -ms-transition: all 1200ms ease-in-out;}
.banner .swiper-pagination-bullet {width:15px; height:10px; background:#fff; opacity:0.7; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.banner .swiper-pagination-bullet-active {width:30px; background:#993333; opacity:1;}

.banner:hover .banner-button-prev {left:10px;}
.banner:hover .banner-button-next {right:10px;}

.index-title {height:40px; overflow:hidden; padding-left:120px; position:relative;} 
.index-title b {height:40px; line-height:40px; color:#fff; font-size:16px; display:block; background:#993333; padding:0px 25px; position:absolute; top:0px; left:0px;} 
.index-title .more-btn {width:100%; height:40px; line-height:40px; color:#333; text-align:right; padding-right:10px; display:block; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; position:absolute; top:0px; right:0px; z-index:-1;} 

.ttitle {height:auto; overflow:hidden; background:url(../images/ttitle1.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.ttitle span {height:36px; line-height:36px; color:#fff; font-size:24px; display:block; float:left;}
.ttitle .more-btn {height:36px; line-height:36px; color:#333; font-weight:bold; font-family:Arial; letter-spacing:2px; padding:0px 10px; display:block; float:right;} 

.index-car {height:auto; overflow:hidden;} 
.index-car a {height:auto; overflow:hidden;} 
.index-car a img {height:0px;}
.index-car a .title {height:30px; line-height:30px; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.index-car a p {height:30px; display:block; overflow:hidden;} 
.index-car a p span {height:30px; line-height:30px; color:#993333; font-size:20px; font-weight:bold; display:block; float:left;} 
.index-car a p font {height:30px; line-height:30px; color:#999; display:block; float:right; text-decoration:line-through;} 

.hot .s-title span {
	color: #993333;
	font-weight: bold;
}
.hot-list li {
	float: left;
	width: 25%;
	display: block;
	overflow: hidden;
	padding: 0;
}
.hot-list span {
	color: #999;
	font-size: 12px;
}
.hot-list-info {
	padding-right: 15px;
}
.hot-list-info h3 {
	font-size: 14px;
	display: block;
	margin-top: 10px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 10px;
	position: relative;
}
.hot-list-info h3:before {
	content: '';
	display: block;
	position: absolute;
	height: 20px;
	width: 2px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #ff1b1b;
}
.hot-list-info h3 a {
	color: rgb(90,33,142);
	text-decoration: none;
}
@media (max-width: 920px) {

.hxysbox .hxystit p{
display:none

}
	.hot-list li {
		width: 50%;
	}
	.hot {
		padding: 0 2%;
	}
	.hot-list-info h3 {
		width: 80%;
		float: left;

	}
	.hot-list-info span {
		float: right;
		height: 30px;
		line-height: 30px;
		margin: 10px 0;
	}
	.hot-list-info p {
		display: none;
	}
}
@media (max-width: 480px) {
	.hot-list li {
		width: 100%;
	}

    .hxysbox .hxystit p {
        margin-top:50px;
    }
}



.screen-box {height:auto; overflow:hidden;} 
.screen-box .li {height:auto; overflow:hidden; border-bottom:#e5e5e5 solid 1px; padding:10px 0px 0px 50px; position:relative;} 
.screen-box .li span {width:50px; height:35px; line-height:35px; color:#000; font-size:16px; display:block; position:absolute; top:10px; left:0px;} 
.screen-box .li a {height:35px; line-height:35px; color:#000; display:block; border:#e5e5e5 solid 1px; padding:0px 10px; margin-right:10px; margin-bottom:10px; float:left;} 
.screen-box .li a.hover {color:#fff; border:#993333 solid 1px; background:#993333;} 
.screen-box .li a:hover {color:#fff; border:#993333 solid 1px; background:#993333;} 

.screen-boxs {height:auto; overflow:hidden;} 
.screen-boxs .li {height:auto; overflow:hidden; border-bottom:#e5e5e5 solid 1px; padding:10px 10px;} 
.screen-boxs .li span {width:50px; height:35px; line-height:35px; color:#000; font-size:16px; display:block;} 
.screen-boxs .li a {height:25px; line-height:23px; color:#000; display:block; border:#e5e5e5 solid 1px; padding:0px 10px; margin-right:6px; margin-bottom:6px; background:#fff; float:left;} 
.screen-boxs .li a.hover {color:#fff; border:#993333 solid 1px; background:#993333;} 
.screen-boxs .li a:hover {color:#fff; border:#993333 solid 1px; background:#993333;} 

.contact {height:auto; overflow:hidden;} 
.contact a {height:auto; overflow:hidden; padding-left:30px; display:block; position:relative;}
.contact a i {width:22px; height:22px; line-height:22px; text-align:center; background:#993333; color:#fff; display:block; position:absolute; top:13px; left:0px;}
.contact a span {line-height:25px; color:#333; font-size:14px; text-align:left; display:block; padding:10px 0px;}
.contact img {width:150px; display:block;}

.s-title {height:auto; overflow:hidden; padding-bottom:10px; border-bottom:#e5e5e5 solid 1px;}
.s-title a {height:30px; line-height:30px; display:block; color:#888; padding-right:10px; float:left;}
.s-title span {height:30px; line-height:30px; display:block; color:#888; padding-right:10px; float:left;}
.s-title a.hover {color:#993333; font-weight:bold;}
.s-title a:hover {color:#993333; font-weight:bold;}
.s-title #line-1 {display:none;}

.newsbox a {height:auto; overflow:hidden; display:block; padding:10px 0px 15px; border-bottom:#999 dashed 1px; position:relative;}
.newsbox a .n_title {height:30px; line-height:30px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsbox a .n_intro {max-height:44px; overflow:hidden; line-height:22px; color:#777; font-size:14px;}
.newsbox a .time {height:auto; overflow:hidden; line-height:20px; color:#c0c0c0;}
.newsbox a:hover .n_title {color:#993333;}
.newsbox a:hover .n_intro {color:#222;}
.newsbox a:hover .time {color:#777;}

.content {height:auto; overflow:hidden;}
.content img {max-width:100%;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding:5px 0px;}
.s_d_date {height:30px; line-height:30px; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#993333;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both;}
.page a {height:25px; line-height:23px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 10px; margin:0px 5px; float:left;}
.page span {height:25px; line-height:23px; font-size:12px; color:#666; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page span.current {color:#993333; border:#993333 solid 1px;}
.page a:hover {color:#993333; border:#993333 solid 1px;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#993333;}

.gallery {height:auto; overflow:hidden;}
.gallery-pagination {height:auto; overflow:hidden;}
.gallery-pagination .swiper-pagination-bullet {background:#fff; padding:0px 1px; opacity:0.7; float:left;}
.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}

.ss {height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; background:#993333; padding-left:20px;}
.sss {height:45px; line-height:45px; color:#993333; font-size:16px; font-weight:bold; overflow:hidden; display:block; border-bottom:#e5e5e5 solid 1px; padding-left:10px; margin-bottom:10px; position:relative;}
.sss i {width:3px; height:15px; background:#993333; position:absolute; top:18px; left:0px;}
.zhaiyao {height:auto; overflow:hidden; line-height:30px;}
.neirong {height:auto; overflow:hidden; line-height:28px;}

.tool {height:auto; overflow:hidden;}
.tool span {width:140px; line-height:50px; color:#dbdbdb;color:#fff;text-align:center; float:left;}
.tool span {background: #4e4e4e; background-size:auto 40px; -ms-background-size:auto 40px; -moz-background-size:auto 40px; -ms-background-size:auto 40px;}
.tool a {width:140px; line-height:50px; color:#dbdbdb; background:#4e4e4e;  margin-left:10px; float:left;text-align:center;color:#fff;}
.tool a {background:#4e4e4e; background-size:auto 40px; -ms-background-size:auto 40px; -moz-background-size:auto 40px; -ms-background-size:auto 40px;}
.tool span:hover,.tool a:hover {background-color:#993333; color:#fff;}

.contacts {height:auto; overflow:hidden;} 
.contacts a {height:auto; overflow:hidden; padding-left:30px; display:block; position:relative;}
.contacts a i {width:22px; height:22px; line-height:22px; text-align:center; background:#993333; color:#fff; display:block; position:absolute; top:9px; left:0px;}
.contacts a span {line-height:25px; color:#333; font-size:14px; text-align:left; display:block; padding:8px 0px;}
.contacts img {width:165px; display:block;}

.floatright {width:50px; height:110px; position:fixed; top:50%; right:0px; margin-top:-50px; z-index:99;}
.floatright a {width:48px; height:48px; display:block; border:#c41230 solid 1px; margin-top:5px; position:relative;}
.floatright a span {width:48px; height:48px; line-height:20px; color:#fff; font-size:14px; text-align:center; padding:4px 5px; display:none; background:#c41230;}
.floatright a.ficon01 {background:url(../images/ficon01.png) no-repeat center center #fff; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.floatright a.ficon02 {background:url(../images/ficon02.png) no-repeat center center #fff; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.floatright a.ficon03 {background:url(../images/ficon03.png) no-repeat center center #fff; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.floatright a.ficon04 {background:url(../images/ficon04.png) no-repeat center center #fff; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.floatright a:hover span {display:block;}

.layui-tab {height:auto; overflow:hidden; padding:10px 10px;}
.layui-tab .layui-tab-title {height:42px;}
.layui-tab .layui-tab-title a {width:50%; height:42px; line-height:42px; color:#dbdbdb; text-align:center; background:#888; display:block; float:left;}
.layui-tab .layui-tab-title a.layui-this {color:#fff; background:#993333;}

.layui-tab .layui-tab-content {height:auto; overflow:hidden; padding:20px 0px;}
.layui-tab .layui-tab-content .list {height:auto; overflow:hidden; padding-bottom:10px; position:relative;}
.layui-tab .layui-tab-content .list b {height:35px; line-height:30px; display:block;}
.layui-tab .layui-tab-content .list .input {width:100%; height:40px; padding:0 5px; background:#fff; border-radius:4px; border:#e5e5e5 solid 1px; outline:none;}
.layui-tab .layui-tab-content .lists {height:auto; overflow:hidden; padding-bottom:10px; position:relative;}
.layui-tab .layui-tab-content .lists b {height:35px; line-height:30px; display:block;}
.layui-tab .layui-tab-content .lists .input {width:100%; height:40px; padding:0 5px; background:#fff; border-radius:4px; border:#e5e5e5 solid 1px; outline:none;}
.layui-tab .layui-tab-content #btnSubmit {width:50%; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block; background:#993333; border:none; margin-top:10px;}

.layui-tab .layui-tab-content .listt {padding-right:65px;}
.layui-tab .layui-tab-content .listt font {width:60px; height:40px; line-height:40px; display:block; padding-left:5px; position:absolute; right:0px; bottom:10px;}

.layui-tab .layui-tab-content .Validform_checktip {width:20px; height:16px; display:block; font-size:0px; position:absolute; top:47px; right:5px;}
.layui-tab .layui-tab-content .Validform_checktip.Validform_wrong {background:url(../images/valid_icons.png) no-repeat -20px -40px; color:#f00;}
.layui-tab .layui-tab-content .Validform_checktip.Validform_right {background:url(../images/valid_icons.png) no-repeat -40px -20px;}

.msgsbg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:9999;}
.msgs {width:270px; height:200px; background:#fafafa; border:#e6e6e6 solid 1px; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:50%; left:50%; margin-left:-120px; margin-top:-130px; z-index:9999;}
.msgs .msgimg {height:70px; margin-top:15px; background:url(../images/msgimg.png) no-repeat center center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.msgs p {line-height:35px; text-align:center; color:#c30f12; font-size:18px; font-weight:bold; display:block;}
.msgs span {line-height:22px; text-align:center; color:#333; display:block;}
.hr-list {height:auto; overflow:hidden; border:#e5e5e5 solid 1px; padding:10px 15px 15px; background:#fff;}
.hr-list a {height:auto; overflow:hidden; display:block;}
.hr-list a .hr-list-title {height:40px; line-height:40px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; display:block;}
.hr-list a .hr-list-tool {height:auto; overflow:hidden;}
.hr-list a .hr-list-tool span {height:30px; line-height:30px; color:#888; overflow:hidden; display:block;}

.hr-content {height:auto; overflow:hidden; border:#e5e5e5 solid 1px; padding:30px 20px; background:#fff;}
.hr-content .hr-content-title {height:40px; line-height:40px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; display:block;}
.hr-content .hr-content-tool {height:auto; overflow:hidden;}
.hr-content .hr-content-tool span {height:30px; line-height:30px; color:#888; overflow:hidden; display:block;}
.hr-content .hr-content-cont {height:auto; overflow:hidden; background:#fff;}
.hr-content .hr-content-cont .hr-content-cont-title {height:40px; line-height:40px; color:#333; font-size:16px; overflow:hidden; display:block;}
.hr-content .hr-content-cont .hr-content-cont-cont {height:auto; overflow:hidden; line-height:24px;}

@media (max-width: 479px) {

.head {height:50px;}
.head .logo {height:50px; padding:0px;}
.head .logo img {height:30px;}

.head .navs {display:none;}

.menu-handler {display:block; top:0px;}

.footer .copyright p,.footer .copyright a {height:20px; line-height:20px;}

.banner .swiper-slide .imgs {height:180px;}

.banner .banner-button-prev {width:30px; height:30px; top:90px; background:url(../images/prev.png) no-repeat #993333 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .banner-button-next {width:30px; height:30px; top:90px; background:url(../images/next.png) no-repeat #993333 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .swiper-pagination {top:155px;}
.banner .swiper-pagination-bullet {height:5px;}

.screen-box .li span {height:25px; line-height:25px; font-size:14px; top:5px;} 
.screen-box .li a {height:25px; line-height:25px; padding:0px 10px; margin-right:10px; margin-bottom:10px;} 

.index-car a .imgbg {height:220px;}

#NBYZMAP {height:240px;}

.bigimg {height:200px;}

.newsbox a.aa {padding:15px 0px 30px;}
.newsbox a.aa .imgs {height:180px; margin-bottom:10px;}

.gallery .swiper-slide {height:240px;}
.gallery-pagination .swiper-pagination-bullet {width:25%; height:60px;}
.gallery-pagination .swiper-pagination-bullet .imgs {height:60px;}

.ttitle {height:40px;}
.ttitle span {height:40px; line-height:40px; font-size:16px; padding-left:15px;}
.ttitle .more-btn {font-size:16px; margin-top:5px;} 

.contacts p {padding-left:40px; 
            }
.contacts a i {left:10px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.head {height:50px;}
.head .logo {height:50px; padding:0px;}
.head .logo img {height:50px;}

.head .navs {display:none;}

.menu-handler {display:block;}

.banner .swiper-slide .imgs {height:240px;}

.banner .banner-button-prev {width:30px; height:30px; top:120px; background:url(../images/prev.png) no-repeat #993333 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .banner-button-next {width:30px; height:30px; top:120px; background:url(../images/next.png) no-repeat #993333 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .swiper-pagination {top:215px;}
.banner .swiper-pagination-bullet {height:5px;}

.index-car a .imgbg {height:270px;}

#NBYZMAP {height:240px;}

.bigimg {height:240px;}

.newsbox a.aa {padding:15px 0px 30px 200px;}
.newsbox a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.newsbox a.aa .n_intro {height:44px;}

.gallery .swiper-slide {height:300px;}
.gallery-pagination .swiper-pagination-bullet {width:20%; height:80px;}
.gallery-pagination .swiper-pagination-bullet .imgs {height:80px;}

.ttitle {height:50px;}
.ttitle span {height:50px; line-height:50px; font-size:18px; padding-left:15px;}
.ttitle .more-btn {font-size:16px; margin-top:5px;} 

.contacts a {padding-left:40px;}
.contacts a i {left:10px;}

}

@media (min-width: 768px) and (max-width: 999px){

.head {height:60px;}
.head .logo {height:60px;}
.head .logo img {height:30px;}

.head .navs {display:none;}

.menu-handler {display:block; top:5px;}

.banner .swiper-slide .imgs {height:320px;}

.banner .banner-button-prev {width:50px; height:50px; top:150px; background:url(../images/prev.png) no-repeat #993333 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.banner .banner-button-next {width:50px; height:50px; top:150px; background:url(../images/next.png) no-repeat #993333 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}

.banner .swiper-pagination {top:295px;}

.index-car a .imgbg {height:280px;}

#NBYZMAP {height:300px;}

.bigimg {height:300px;}

.newsbox a.aa {padding:15px 0px 30px 200px;}
.newsbox a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.newsbox a.aa .n_intro {height:44px;}

.gallery .swiper-slide {height:360px;}
.gallery-pagination .swiper-pagination-bullet {width:16.66667%; height:80px;}
.gallery-pagination .swiper-pagination-bullet .imgs {height:80px;}

.ttitle {height:60px;}
.ttitle span {height:60px; line-height:60px; font-size:20px; padding-left:20px;}
.ttitle .more-btn {font-size:16px; margin-top:10px;} 

.contacts img {width:165px; display:block; float:right;}

.hr-list .hr-list-tool span {padding-left:5px; padding-right:10px; float:left;}

.hr-content .hr-content-tool span {padding-left:5px; padding-right:10px; float:left;}

}

@media (min-width: 1000px) {

.head .navs a {width:105px;}

.banner .swiper-slide .imgs {height:500px;}

.index-title {height:60px;}
.index-title b {height:60px; line-height:60px; font-size:20px; padding:0px 25px;} 
.index-title .more-btn {height:60px; line-height:60px; font-size:16px;} 

.index-car a .imgbg {height:170px;}

#NBYZMAP {height:300px;}

.bigimg {height:400px;}

.newsbox a.aa {padding:15px 0px 30px 200px;}
.newsbox a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.newsbox a.aa .n_intro {height:44px;}

.gallery .swiper-slide {height:360px;}
.gallery-pagination .swiper-pagination-bullet {width:20%; height:80px;}
.gallery-pagination .swiper-pagination-bullet .imgs {height:80px;}

.p-left {padding-left:20px;}

.ttitle {height:70px;}
.ttitle span {height:70px; line-height:70px; padding-left:20px;}
.ttitle .more-btn {font-size:16px; margin-top:20px;} 

.screen-boxs {width:950px; position:absolute; top:12px; left:50%; margin-left:-475px; z-index:99;} 
.screen-boxs .li {width:300px; background:#fff; padding:5px 10px 10px;}

.contacts img {width:165px; display:block; float:right;}
.linebox {height:auto; overflow:hidden; padding-left:20px; border-left:#e5e5e5 solid 1px;}

.hr-list .hr-list-tool span {padding-left:5px; padding-right:10px; float:left;}

.hr-content .hr-content-tool span {padding-left:5px; padding-right:10px; float:left;}

}

@media (min-width: 1260px) {

.head .navs a {width:120px;}

.banner .swiper-slide .imgs {height:500px;}

.index-car a .imgbg {height:215px;}

#NBYZMAP {height:360px;}

.gallery .swiper-slide {height:450px;}
.gallery-pagination .swiper-pagination-bullet {width:16.66667%; height:80px;}
.gallery-pagination .swiper-pagination-bullet .imgs {height:80px;}

.ttitle {height:80px;}
.ttitle span {height:80px; line-height:80px; padding-left:30px;}
.ttitle .more-btn {font-size:16px; margin-top:25px;} 

.screen-boxs {width:1180px; top:12px; margin-left:-590px;} 

}

@media (min-width: 1600px) {

.banner .swiper-slide .imgs {height:630px;}

.screen-boxs {top:80px;} 

}


/*新闻咨询*/

/* 产品 */
.product {
	
	padding: 50px 0;
	clear: both;
	overflow: hidden;
}
.product h1 {
	line-height: 50px;
	font-size: 30px;
	text-align: center;
	color: #333;
	font-weight: bold;
}
.product h4 {
	width: 415px;
	line-height: 25px;
	font-size: 14px;
	color: #999;
	text-align: center;
	margin: 0 auto 40px auto;
}
.product .cplist {
	width: 220px;
	height: 430px;
	float: left;
	margin-top: 0;
	margin-right: 55px;
	margin-bottom: 0;
	margin-left: 55px;
}
.product .cplist .img {
	width: 220px;
	margin: auto;
	height: 195px;
	margin-bottom: 20px;
	transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	text-align: center;
}
.product .cplist .img:hover {
	margin-left: 10px;
}
.product .cplist h2 {
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
.product .cplist h4 {
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	width: 220px;
	text-indent: 2em;
}
.product .cplist a {
	width: 128px;
	display: block;
	text-align: center;
	margin: auto;
	border-radius: 3px;
	color: #666;
	text-decoration: none;
	transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	line-height: 28px;
	height: 28px;
}
.product .cplist a:Hover {
	background: #0e90ff;
	color: #fff;
	border: 1px solid #0e90ff;
}

/*优势*/
.hxysbg {
	padding-bottom: 36px;
	background: #202932 url(../Images/boxbg.jpg);
}
.hxysbox {
	text-align: center;
}
.hxysbox .hxystit {
	padding: 30px 0 20px 0;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	
}
.hxysbox .hxystit span {
	font-size: 32px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #FF4200;
	text-align: center;
	display: block
}
.hxysbox .hxystit p {
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	display: block
}
.hxysbox ul {
	overflow: hidden;
        width: 1000px;
        margin: 0 auto;
}
.hxysbox li {
	float: left;
	margin: 0 2px;
	padding: 0 20px;
	width: 195px;
	height: 234px;
	background: url(../Images/hxysdl.png) no-repeat center;
}
.hxysbox li h5 {
	padding-top: 54px;
	margin-bottom: 10px;
	font-size: 24px;
	text-align: center;
	color: #400100;
}
.hxysbox li p {
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}


.pt-10 .ui-content .head {
	    width: 90%;
	height: 47px;
	float: left;
	background: url("../Images/pt10bg2.gif") no-repeat 0 bottom;
}

.pt-10 .ui-content .head a.more {
	color: #fff;
	display: inline-block;
	float: right;
	margin: 8px 0 0 0;
	padding: 2px 10px;
	font-size: 11px;
	font-family: Georgia;
	background-color: #cda88b;
}
.pt-10 .ui-content .head a.more:hover {
	text-decoration: none;
	background-color: #ab8669;
}
.pt-10 .ui-content .head .tit {
    float: left;
    padding: 0 0 5px 0;
    border-bottom: 3px solid #ad8669;
}
.pt-10 .ui-content .head .tit span {
    color: rgb(95, 49, 19);
    float: left;
    font-size: 18px;
    font-family: 微软雅黑, "Microsoft yahei";
}
.pt-10 .ui-content .head .tit b {
    color: #704224;
    display: inline;
    float: left;
    margin: 7px 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    font-family: arial;
}
.pt-10 .ui-content .list ul li {
	clear: both;
	/*width: 100%;*/
	float: left;
	padding: 5px 0;
}
.pt-10 .ui-content .list ul li .pic {
    display: inline;
    width: 150px;
    float: left;
    margin: 0 10px 0 0;
}
.pt-10 .ui-content .list ul li .info {
    position: relative;
    width: 380.5px;
    /* height: 95px; */
    float: left;
}
.pt-10 .ui-content .list ul li .info .tit {
    display: inline;
    width: 100%;
    float: left;
    margin: 5px 0 3px 0;
    font-weight:bold
}
.pt-10 .ui-content .list ul li .info .con {
    color: #888;
    font-size: 12px;
}
#footmenu {
    display:none;
}
@media screen and (max-width: 760px) {
    #footmenu {
    display: block;
    max-width: 620px;
    height: 52px;
    overflow: hidden;
    background: #ff4902;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}
    #footmenu li {
    float: left;
    display: inline-block;
    width: 33.3%;
    height: 52px;
    line-height: 52px;
}
    #footmenu li a {
    display: block;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 18.75px;
    text-align: center;
}
    .bg {
    position: fixed;
    background: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}
    .tc1 {
    width: 320px;
    height: 260px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -130px;
    margin-left: -163px;
    background: #fff;
    border-radius: 10px;
    display: none;
    z-index: 1000;
}
    .tc2 {
    width: 320px;
    height: 260px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -130px;
    margin-left: -163px;
    background: #fff;
    border-radius: 10px;
    display: none;
    z-index: 1000;
}
    .tc1 p {
    line-height: 55px;
    text-align: center;
    font-size: 22px;
    font-family: microsoft yahei;
    margin: 0;
}
  .tc1 span {
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: url(/templates/style/images/close.png);
    position: absolute;
    top: 0;
    right: 0;
}
    .tc1 button {
    font: -webkit-control;
    color: #000000;
}
}
